<template>
  <div class="view-container ZongHeList">
    <header class="view-header">
      <div class="header-container">
        <div class="header-title">
          <i class="el-icon-s-grid"></i>
          <span>事务审批</span>
        </div>
        <div class="header-form">
          <!--更多-->

          <!--搜索-->
<!--          <div class="header-form-item">
            <el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
        </div>-->
<!--          <div class="header-form-item">
            <el-button type="success" icon="el-icon-notebook-2" @click="open">外出申请</el-button>
          </div>-->
        </div>
      </div>
    </header>


    <section>
      <el-table
        ref="table"
        :data="tableData"
        border
        stripe
      >
        <el-table-column prop="" label="申请人" align="center" width="100"/>
        <el-table-column prop="" label="原因" align="left">
          <template slot-scope="s">
            <el-link @click="showDetail(s.row.waiChuId)">{{s.row.waiChuShiYou}}</el-link>
          </template>
        </el-table-column>
        <el-table-column sortable prop="" label="申请类型" width="250" align="center"/>
        <el-table-column sortable prop="" label="申请时间" width="150" align="center"/>
        <el-table-column  label="操作" width="100" align="center">
          <template slot-scope="s">
            <el-link @click="showDetail(s.row.zgId)">审批</el-link>
          </template>
        </el-table-column>
      </el-table>
    </section>
    <footer>
      <el-pagination
        :page-sizes="[10, 20, 50, 100]"
        layout="total, sizes, prev, pager, next, jumper"
        :total="page.total"
        :page-size="page.size"
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
      />
    </footer>

  </div>
</template>

<script>
  import zongHeAPI from '@/api/zongHe'
  import listMixin from '@/mixin/listMixin'
  export default {
    name: 'ZongHeApprovalList',
    mixins:[listMixin],
    data() {
      return {
      }
    },
    created() {
    },
    computed: {
    },
    methods: {
      showDetail(id){
        this.$router.push('/work-waichu/approval-detail/'+id+'/'+false)
      },
      open(){
        this.$refs['save'].open()
      },
      update(){

        this.fetchData()
      },

      fetchData() {

      },

    }
  }
</script>

<style lang="scss">

</style>


